body {
    font-family: Arial, sans-serif;
    background-image: url('../img/bj.jpg'); /* 替换为您的背景图片路径 */
    background-size: cover; /* 使背景图像覆盖整个页面 */
    background-position: center; /* 背景图像居中 */
    background-repeat: no-repeat; /* 不重复背景图像 */
    background-attachment: fixed; /* 背景固定不动 */
    color: #333; /* 字体颜色 */
    margin: 0;
    padding: 20px; /* 页面内边距 */
}

.form-signin {
    background: transparent; /* 完全透明 */
    padding: 20px;
    border-radius: 8px; /* 圆角 */
    box-shadow: none; /* 去掉阴影 */
    max-width: 1500px; /* 最大宽度 */
    margin: auto; /* 居中 */
}



.font-weight-normal {
    margin-bottom: 20px; /* 标题下边距 */
    color: #4CAF50; /* 标题颜色 */
    text-align: center; /* 内容居中 */
}


.concert-list {
    display: flex; /* 使用flexbox布局 */
    flex-wrap: wrap; /* 允许换行 */
    justify-content: space-between; /* 分布均匀 */
    background: transparent; /* 完全透明 */
}


.concert-card {
    display: flex; /* 使用flexbox布局 */
    margin-bottom: 20px; /* 每个演唱会的底部间距 */
    border: 1px solid rgba(221, 221, 221, 0.5); /* 半透明边框 */
    border-radius: 8px; /* 圆角 */
    overflow: hidden; /* 防止内容溢出 */
    background: rgba(255, 255, 255, 0.4); /* 半透明背景 */
    width: calc(48% - 10px); /* 卡片宽度，两个并排 */
    height: 200px; /* 固定高度 */
    transition: transform 0.3s; /* 添加过渡效果 */
    text-decoration: none; /* 去掉链接下划线 */
    color: inherit; /* 继承文本颜色 */
}

.concert-card:hover {
    transform: scale(1.05); /* 悬停时放大效果 */
}

.concert-card img {
    width: 150px; /* 图片宽度 */
    height: auto; /* 自适应高度 */
    object-fit: cover; /* 保持图像比例 */
}

.concert-info {
    padding: 10px; /* 信息区内边距 */
    flex-grow: 1; /* 占满剩余空间 */
    text-align: left; /* 段落左对齐 */
}

.concert-info h3 {
    margin: 0; /* 取消默认margin */
    color: #333; /* 颜色 */
}

.concert-info p {
    margin: 5px 0; /* 段落上下间距 */
}